<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style>
        body span:nth-child(1){
            border: #FAA53B 3px solid;
            width: 100px;
            height: 100px;
            display: inline-block;
        }
    </style>
    <!--/*值	     说明*/-->
    <!--/*block	块级元素的默认值，元素会被显示为块级元素，该元素前后会带有换行符*/-->
    <!--/*inline	内联元素的默认值。元素会被显示为内联元素，该元素前后没有换行符*/-->
    <!--/*inline-block	行内块元素，元素既具有内联元素的特性，也具有块元素的特性*/-->
    <!--/*none	设置元素不会被显示*/-->


</head>
<body>
<!--默认布局，从上到下，从左到右-->
<!--块元素block     独占一行 可设置宽高    从上到下布局-->
<!--行内元素inline    不能设置宽高         从左到右布局-->
<!--<h1>一级标题</h1>-->
<!--<p>段落标签</p>-->
<span>
    我是span标签
</span>
<span>
    我是另一个span标签
</span>

</body>
</html>